<template>
  <!-- template里面有且只有一个根节点，否则会报错 -->
  <div id="app">
    <!-- 3.调用组件 -->
    <!--头部导航区域-->
    <app-head></app-head>

    <!--核心区域:分左右两边-->
    <app-main></app-main>
  </div>
</template>
<script>
// 1.引入组件
import appHead from "./components/appHead.vue";
import appMain from "./components/appMain.vue";
export default {
  //2.注册组件
  components: {
    appHead,
    appMain
  }
};
</script>
<style>
@import "./assets/style/bootstrap.min.css";
@import "./assets/style/dashboard.css";
* {
  margin: 0;
  padding: 0;
}
</style>
